<script>
	import Header from "@/components/Header.vue"
	export default {
		components: {
			Header
		},
		data() {
			return {
				type: 0,
				title: "提现账单明细",
				titles: {
					1: "支出账单详情",
					2: "收入账单详情",
					3: "提现账单详情"
				},
				finance_id:0,
				list:[]
			}
		},
		onLoad(options) {
			if (options.type) {
				this.type = options.type
				this.title = this.titles[options.type]
				this.finance_id = options.finance_id
				this.info()
				
			}
		},
		methods: {
			info(){
				var that = this
				uni.request({
					url:getApp().globalData.host+'/api/Fund/getFinanceInfo',
					data:{
						finance_id:this.finance_id
					},
					header: {
						memberid:uni.getStorageSync('member_id'),
						membertoken:uni.getStorageSync('member_token'),
					},
					success:(rrr) => {
						that.list = rrr.data.data.list
					},
				})
			}
		}
	}
</script>
<template>
	<view class="custom-bg">

		<Header :title="title" />

		<div class="list mt-30 bg-white" style="border-radius: 30rpx 30rpx 0 0;">
			<div class="h-130 px-30 flex between" v-for="(item,index) in list">
				<div class="fz26 text-gray-29">{{item.name}}</div>
				<div class="fz28 text-gray-16">{{item.content}}</div>
			</div>
			<!-- <div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">当前状态：</div>
				<div class="fz28 text-gray-16">已完成</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">支出时间：</div>
				<div class="fz28 text-gray-16">2023-11-30 13:29</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">账单标签：</div>
				<div class="fz28 text-gray-16">寻债务</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">寻人消息：</div>
				<div class="fz28 text-gray-16 flex">刘淑俊 <image src="/static/my/right.png" mode="widthFix"
						class="w-20 ml-8"></image>
				</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">茶水费：</div>
				<div class="fz28 text-gray-16">￥500</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">支付类型：</div>
				<div class="fz28 text-gray-16">全额支付</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">流水号：</div>
				<div class="fz28 text-gray-16">1231654654654</div>
			</div> -->
		</div>


	</view>


</template>



<style>
	.custom-bg {
		min-height: 100%;
	}

	.avatar-group {
		position: relative;
	}

	page {
		height: 100%;
		background-color: #F8F8F8;
	}
</style>